body {
  background-image: url('https://i.alipayobjects.com/e/201311/1V4o5xqtgr_src.jpg'); /* 替换为你图片的实际路径 */
  background-size: cover; /* 让背景图像覆盖整个页面 */
  background-repeat: no-repeat; /* 不重复背景图像 */
  font-family: Arial;
    padding: 10px;
    
  }

* {
    box-sizing: border-box;
  }
   
  /* 头部标题 */
  .header {
    padding: 30px;
    text-align: center;
    background: white;
  }
   
  .header h1 {
    font-size: 50px;
  }
   
  /* 导航条 */
  .topnav {
    overflow: hidden;
    background-color: #9e7777;
  }
   
  /* 导航条链接 */
  .topnav a {
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
   
  /* 链接颜色修改 */
  .topnav a:hover {
    background-color: #3f97c4;
    color: black;
  }
   

  .middle {
    opacity : 0.8;
    width: 300px;
    height: 70px;
    background-color: #bfb1b1;
    margin: 0 auto; /* 居中 */
}

.middle button {
  opacity : 0.8;
  color: white;
  width : 150px;
  background-color: #9f9393;
  color: #333;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}


  .saoma {
    opacity : 0.8;
    position: relative;
    width: 300px;
    background-color: #938686;
    margin: 0 auto; /* 添加这行使其居中 */
  }
   
  .saoma img {
    position: relative; /* 或者可以保留为默认值 static */
    display: block; /* 使图片成为块级元素 */
    margin: 0 auto; /* 上下边距为0，左右边距自动，实现居中 */
}

.saoma a {
  text-decoration: none;
}

.mima a{
  text-decoration: none;
}
  .mima {
    opacity : 0.8;
    position: relative;
    width: 300px;
    background-color: #938686;
    margin: 0 auto; /* 添加这行使其居中 */
  } 

.mima input[type = "submit"] {
  opacity : 0.8;
  display:block; 
  background-color: rgb(71, 71, 173); 
  color: white; 
  padding: 10px 20px;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  display: block; /* 设置为块级元素 */
  margin: 0 50px; 
  }

.mima form {
  /* 定义元素的样式，包括宽度、内边距、外边距和盒子模型 */
    width: 100%;
    height: 90px;
    padding: 12px 20px;
    box-sizing: border-box;
}

.mima form input {
  width: 80%;
  height: 30px;
  padding: 2px 2px;
  margin: 2px 0;
  box-sizing: border-box;
}

#submit:hover {
  background-color: darkblue;
}

  /* 底部 */
  .footer {
    opacity : 0.8;
    padding: 20px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
  }
   
 